<template>
  <basic-container class="full-container">
    <!--      <page-header-tool title="工厂日历" :btns="modBtns" :max="4"></page-header-tool>-->
    <el-tabs class="tab-wrapper" v-model="activeName">
      <el-tab-pane name="first">
        <span slot="label" class="tab-wrapper-item">工厂日历</span>
        <calendar-com />
      </el-tab-pane>
      <el-tab-pane name="second">
        <span slot="label" class="tab-wrapper-item">周上班时间</span>
        <week-time ref="weekTime"/>
      </el-tab-pane>
      <!-- <el-tab-pane name="third">
        <span slot="label" class="tab-wrapper-item">具体时间</span>
         <calendar-time ref="specificTime"/> 
      </el-tab-pane> -->
    </el-tabs>
  </basic-container>
</template>
<script>
import CalendarCom from "../workCalendar/components/calendar.vue";
import WeekTime from "./components/weekTime.vue";
export default {
  components: {
    CalendarCom,
    WeekTime
  },
  data() {
    return {
      activeName: "first",
      modBtns: [
       
      ],
    };
  },
  created() {
    this.init()
  },
  methods: {
    init () {
       this.getDetail()
    },
    goBack () {
      this.backCloseTag({
        path: "/base/material/index"
      });
    },
     getDetail () {
        //   this.$refs.specificTime.init(dataDetail.calendarId)
        //   this.$refs.weekTime.init(data.calendarId)
    },
  }
};
</script>

<style lang="scss" scoped>
@import "~@/styles/business.scss";

</style>